/*
Theme Name: MACCACO
Theme URI: http://www.miguVideo.com/downloads
Description: this theme is a screenr clone
Version: 2.2
Author: Michel Maillard
Author URI: http://www.porkhead.org
*/


/***************************************
general
***************************************/
.VideoFt { background-color: #000; font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif; font-size: 12px; font-weight: bold; text-transform:uppercase; padding:0; display:block; position: relative; overflow: hidden; width: 400px; }
.pptestcard { background: #292D30; width: 100%; height: 100%; color: #fff; font-size: 18px; overflow: hidden; }
.pptestcard p { background-color: #292D30; width: 60%; margin: auto; line-height: 25px; position: relative; top:25%; padding: 10px; color: #bbb; border:5px solid #444; box-shadow: 1px 1px 5px 0 #000; text-align: center; }

/***************************************
display plugin
***************************************/
.ppdisplay { background-color: #000; position: relative !important; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.ppdisplay .inactive, .ppstart.inactive, .ppbuffering.inactive { display: none; }
.ppstart { position: absolute; left: 50%; bottom: 50%; margin-left:-45px; margin-bottom: -38px; cursor: pointer; height: 84px; width: 84px; display: block; padding: 0px; background: url("../images/start.png") no-repeat left top transparent; }
.ppstart:hover { background: url("../images/start.png") no-repeat left bottom transparent; }
.ppstart:active { background: url("../images/start.png") no-repeat left -169px transparent; }
.ppbuffering { position: absolute; left: 50%; bottom: 50%; margin-left:-45px; margin-bottom: -38px; display: block; z-index:9010; padding: 0px; background: url("../images/buffering.gif") no-repeat center center #000; height: 84px; width: 84px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

.ppcontrols .quality { width: 60px; height: 30px; position: relative; padding: 0 10px; border-left: 1px solid #413e3e; border-right: 1px solid #000;}
.ppcontrols .qualityUl { display: none; float:left; width: 60px; position:absolute; left: 10px; bottom: 27px; padding: 0; background-color: rgba(5,5,5,0.6); z-index: 1000; }
.ppcontrols .qualityUl .qualLi { float: left; display: block; width:50px; height: 24px; line-height: 24px; margin: 3px 0 3px 5px; border-radius:3px; text-align: center; color: #eee; font-weight: normal; background-color: #333333; }
.ppcontrols .Ulactive { display: block; background-color: rgba(5,5,5,0.7); padding-top: 3px;}
.ppcontrols .Ulactive .inactive:hover { background-color: #0F99EA; cursor: pointer; }
.ppcontrols .Ulactive .noquali { color: #444; background-color: #111 !important; }
.ppcontrols .Ulactive .noquali:hover { cursor: not-allowed; }
.ppcontrols .Ulactive .active { color: #fff; background-color: #0F99EA; cursor: default;}
.ppcontrols .quality .quality_active{ display: inline-block; color: #0F99EA; width:50px; height: 24px; font-weight: normal; line-height: 24px; margin: 3px 0 3px 5px; cursor: default;; border-radius:3px; text-align: center;}
.ppcontrols .quality:hover .quality_active{ background-color: #333;}

/***************************************
controlbar plugin
***************************************/
.ppcontrols { position: absolute; bottom: 0; right:0; display: block; width: 100%; height: 38px; border:0; padding: 0; margin:0; 
    background: url('../images/bg_play.png') left 8px repeat-x;  /* Old browsers */ 
    /*background: -moz-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* FF3.6+ * / 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2d2d), color-stop(100%, #0f0e0e)); /* Chrome,Safari4+ * / 
    background: -webkit-linear-gradient(top, #2e2d2d 0%, #0f0e0
    e 100%); /* Chrome10+,Safari5.1+ * / 
    background: -o-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* Opera 11.10+ * / 
    background: -ms-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* IE10+ *  
    background: linear-gradient(to bottom, #2e2d2d 0%, #0f0e0e 100%); /* W3C * /  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2d2d', endColorstr='#0f0e0e', GradientType=0 ); /* IE6-9 */ }

.ppcontrols .active { display: block; }
.ppcontrols .inactive { display: none; }
.ppcontrols.active { display: block; }
.ppcontrols.inactive { display: none; }
.ppcontrols.active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0, 0, 0); -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }
.ppcontrols.inactive { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0, 0, 0); -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

.ppcontrols ul { list-style-type: none; }
.ppcontrols ul.left { float: left; position: relative; top: 8px; left: 0; padding: 0; margin:0; }
.ppcontrols ul.right { float: right; position: relative; top: 8px; right: 0; padding: 0; margin:0; }
.ppcontrols ul.bottom { position: relative; top: 4px; left: 0; padding: 0; margin:0; }
.ppcontrols ul.left li { float: left; position: relative; }
.ppcontrols ul.right li { float: right; position: relative; }

.play_info{position: absolute; left: 0; top: -22px; width: 100%; font-size: 12px; line-height: 20px; font-weight: normal; color: #888; background-color: #222;}
.play_info p{ padding:3px 10px;}
.play_info span{ font: bold 14px/20px 'ËÎÌå'; cursor: pointer;}
.play_info .p_i_close{ position: absolute; right: 5px; top: 3px;}

/* PLAY / PAUSE - left */
.ppplay, .pppause { background: url("../images/maccaco.png") no-repeat left top transparent; width: 30px; height: 30px; cursor: pointer; border-right: 1px solid #000; }
.ppplay:hover { background: url("../images/maccaco.png") no-repeat left -35px transparent; }
.ppplay:active { background: url("../images/maccaco.png") no-repeat left -36px transparent; }
.pppause { background: url("../images/maccaco.png") no-repeat left -70px transparent; }
.pppause:hover { background: url("../images/maccaco.png") no-repeat left -105px transparent; }
.pppause:active { background: url("../images/maccaco.png") no-repeat left -106px transparent; }

/* Enter / Exit Fullscreen - right */
.miguVideo.audio .ppfsenter, .miguVideo.audio .ppfsexit { display: none; }
.ppfsenter, .ppfsexit { width: 35px; height: 30px; margin-right: 5px; background: url("../images/maccaco.png") no-repeat right top transparent; cursor: pointer; border-left: 1px solid #413e3e; }
.ppfsenter:hover { background: url("../images/maccaco.png") no-repeat right -35px transparent; }
.ppfsenter:active { background: url("../images/maccaco.png") no-repeat right -36px transparent; }
.ppfsexit { background: url("../images/maccaco.png") no-repeat right -69px transparent; }
.ppfsexit:hover { background: url("../images/maccaco.png") no-repeat right -103px transparent; }
.ppfsexit:active { background: url("../images/maccaco.png") no-repeat right -104px transparent; }

/* Unmute / Max volume - right */
.ppvmax { width: 30px; height: 30px; border-right: 1px solid #000; border-left:none; background: url("../images/maccaco.png") no-repeat -842px top transparent; }
.ppvmax:hover { background: url("../images/maccaco.png") no-repeat -842px -35px transparent; }
.ppvmax:active { background: url("../images/maccaco.png") no-repeat -842px -36px transparent; }

/* Mute / Min volume - right */
.ppmute { width: 29px; height: 30px; border-left:0px solid #413e3e; background: url("../images/maccaco.png") no-repeat -750px top transparent; }
.ppmute:hover { background: url("../images/maccaco.png") no-repeat -750px -35px transparent; }
.ppmute:active { background: url("../images/maccaco.png") no-repeat -750px -36px transparent; }
.ppmute.nosound{ background-position: -750px -70px}


/* volume slider - right */
.vsliderLi{border-right: 1px solid #000;}
.ppvslider { margin: 12px 10px 10px 5px; height: 8px; width: 60px; background: url("../images/maccaco.png") no-repeat -779px -13px transparent; }
.ppvmarker { position: relative; right:0; left: 0; height: 4px; width: 100%; background: url("../images/maccaco.png") no-repeat -633px -13px transparent; }
.ppvknob { cursor: pointer; z-index: 201; position: relative; background: url("../images/maccaco.png") no-repeat -699px -10px transparent; top: -6px; left:0; width: 7px; height: 8px; padding: 0; }
.ppvknob:hover{ background-position: -699px -19px; }

/* time / time left */
.pptimeleft { color: #aaa; width: 130px; line-height: 30px; height: 30px; border-left: 1px solid #413e3e; border-right: 0px solid #000; text-align: center; overflow: hidden; }

/* special for single
.pptimeleft {background: url("maccaco.png") no-repeat -91px top transparent;}
*/


/* lo / hi quality toggle */
.pploquality, .pphiquality { background: url("../images/maccaco.png") no-repeat -60px -72px transparent; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.pphiquality:hover { background: url("../images/maccaco.png") no-repeat -32px -106px transparent; }
.pploquality { background: url("../images/maccaco.png") no-repeat -32px -72px transparent; }
.pploquality:hover { background: url("../images/maccaco.png") no-repeat -32px -106px transparent; }
.pphiquality:active, .pploquality:active { background: url("../images/maccaco.png") no-repeat -32px -105px transparent; }

/* previous / next item */
.ppnext, .ppprev { display:block; background: url("../images/maccaco.png") no-repeat -59px top transparent; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.ppnext { border-right:none; }
.ppnext:hover { background: url("../images/maccaco.png") no-repeat -59px -35px transparent; }
.ppnext:active { background: url("../images/maccaco.png") no-repeat -59px -36px transparent; }
.ppprev { background: url("../images/maccaco.png") no-repeat -32px top transparent; }
.ppprev:hover { background: url("../images/maccaco.png") no-repeat -32px -35px transparent; }
.ppprev:active { background: url("../images/maccaco.png") no-repeat -32px -36px transparent; }
.pploop, .pploop .on, .pploop .off { display:block; line-height: 30px; color: #fff; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.pploop.off { color: #ccc; }

/* Scrubber, Playhead and fluff */
.ppscrubber { position: absolute; height: 4px; width: 100%;  left: 0; margin: 0; padding: 0; border-bottom: 0; background-color: #1c1c1c; /*background: url("maccaco-load.gif") repeat-x left top transparent;*/}
.audio .ppscrubber { background: url("../images/maccaco-load-static.png") repeat-x left top transparent; }
.ppscrubberdrag { cursor: pointer; z-index: 302; position: absolute; background-color: transparent; top:0; left:0; height: 4px; width: 100%; }
.ppplayhead, .pploaded { position: relative; display: block; left: 0; bottom: 0; height: 4px; width: 1px; background-color:#116191; cursor: pointer; z-index: 301; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0, 0, 0); -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -o-transition: width 0.1s linear; transition: width 0.1s linear; }
.ppcuepoint { position: absolute; height: 4px; width: 4px; background-color: yellow; top: 0; left: 0; margin: 0; padding: 0; z-index: 302; }
.ppcuepoint:hover { background-color: red; cursor: pointer; }
.pploaded { position: relative; z-index: 10; background: rgb(65, 62, 62); opacity: 0.8; filter: alpha(opacity = 80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.ppplayhead { margin-top: -4px; }
.ppplayhead span{ display: inline-block; width: 7px; height: 8px; margin-top: -2px; float: right; background: url('../images/maccaco.png') right bottom no-repeat;}
.ppplayhead span:hover{ background-position: right -134px;}
.ppscrubbertip { padding: 3px; position: absolute; top: -30px; left: 25px; font-size: 11px; line-height: 15px; color: #fdfdfd; background: #2e2d2d; z-index: 10; display: none; }
.ppscrubbertip:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.ppscrubbertip:after { border-color: rgba(2, 28, 79, 0); border-top-color: #333; border-width: 5px; left: 50%; margin-left: -5px; }

/* Context Menu */
.ppcontextmenu.active { display: block; }
.ppcontextmenu.inactive { display: none; }
.ppcontextmenu { background: none repeat scroll 0 0 #FFFFFF; list-style: none outside none; border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; margin: 4px 0; outline: medium none; overflow: auto; padding: 6px 0; position: absolute; z-index: 2147483647; margin: 0; padding: 0; top: 0; left: 0; }
.ppcontextmenu li { color: #333; cursor: pointer; display: block; margin: 0; padding: 6px 20px; text-decoration: none; white-space: nowrap; word-wrap: normal; }
.ppcontextmenu li:hover { color: #fff; background-color: #333; }

/****************************
/* VAST ad plugin specific */
/***************************/
.ppad .left, .ppad .right { display: none; border: none; }
.ppad .ppcontrols { background: transparent; border: none; }
.ppad .ppadtitle { position: absolute; bottom: 2%; left: 2%; border: none; }
.ppadskip { position: absolute; padding-top: 2px; bottom: -10px; right: 0px; width: 85%; height: 28px; background-color: transparent; color: #fdfdfd; }
.ppskip.locked { background-color: red; }
.ppskip.unlocked { cursor: pointer; color: #00B0FF; }
.pppostad .ppprev.active { display: none; }
.ppadoverlay.inactive { display: none; }

/****************************
/* Subtitles plugin specific */
/***************************/
.pptracksbtn.inactive, .pptracks.inactive { display: none; }
.pptracksbtn.active, .pptracks.active { display: block; }
.pptracks span { position: relative; }
.pptracksbtn.on, .pptracksbtn.off { background: url("../images/maccaco.png") no-repeat -120px -72px transparent; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.pptracksbtn.on { background: url("../images/maccaco.png") no-repeat -92px -72px transparent; }
.pptracksbtn:hover { background: url("../images/maccaco.png") no-repeat -118px -106px transparent; }
.pptracks { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; overflow: hidden; color: #fdfdfd; background:rgb(0,0,0); background: transparent\9; background:rgba(0, 0, 0, 0.6);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
zoom: 1; padding: 5px 0; z-index: 1000; }
.pptracks.shifted { bottom: 38px; }

/*播放器*/
.yt_player{background-color:#111; height:210px; }
#player_a{width: 100%;height:210px;}
#p_ad{ display: none; position:absolute; left: 50%;bottom: 50%;margin-left: -250px;margin-bottom: -150px; width:500px; height:300px; background-color:#444}
#p_ad .p_ad_close{ position:absolute; right:0; top:0; color:#fff; background:#111; padding:5px 10px; font:bold 22px/28px '宋体'; opacity:0.8; filter:Alpha(opacity=80)}

.p_overbg{ position:relative; left:0; top:-210px; width:100%; height:210px; background-color:#111; z-index:1000;text-align: center;}
.p_over{ margin:0 auto; padding:60px 0 20px 10px; width:710px; height:405px;}
.p_buton{ width:20px; height:55px; margin-top:100px; opacity: 0.5; filter: alpha(opacity:=50); background-image:url('../images/sprt_mv.png'); background-repeat:no-repeat}
.p_left{ background-position:left bottom}
.p_right{ background-position:right bottom; margin-right:10px;}
.p_buton:hover{ opacity: 0.9; filter: alpha(opacity:=90);}
.p_list{ width:640px; height:290px; overflow:hidden; position:relative; margin: 0 10px}
.p_list ul{ position:absolute; left:0; top:0; width:1280px; height:290px;}
.p_list li{ float:left; width:300px; margin:5px 15px 30px 5px}
.p_list li .p_l_img{ float:left; margin-right:10px;}
.p_list li .p_l_img img{ width:190px; height:110px;}
.p_list li h4 a{ color:#fff; margin-bottom:10px;}
.p_list li p{ margin-top:10px;}
.p_replay{ display:inline-block; width:120px; height:60px; background:url('../images/sprt_replay.png') left top no-repeat;margin-top: 76px;}
.p_replay:hover{ background-position:right top}